﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="spriteuse.aspx.cs" Inherits="testing_new_spriteuse" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Page</title>
<style type="text/css">
.logo-link1
{
 width:107px;
 height:200px; 
 text-decoration:none;
 display:block;
 background-image:url('images/test-3.jpg');
 background-position:0px 400px ;
}
.logo-link1:hover,.logo-link1:active { background-position:0px -200px; }

.logo-link2
{
    margin-left:2px;
    width:110px;
    height:200px;
    text-decoration:none;
    display:block;
    background-image:url('images/test-3.jpg');
    background-position:-90px 400px ;
}
.logo-link2:hover,.logo-link2:active { background-position:-90px -200px; }

.logo-link3
{
    margin-left:2px;
    width:110px;
    height:200px;
    text-decoration:none;
    display:block;
     background-image:url('images/test-3.jpg');
    background-position:-170px 400px ;
}
.logo-link3:hover, .logo-link3:active { background-position:-170px -200px; }
.logo-link4
{
    margin-left:2px;
    width:120px;
    height:200px;
    text-decoration:none;
    display:block;
     background-image:url('images/test-3.jpg');
    background-position:-280px 400px ;
}
.logo-link4:hover, .logo-link4:active { background-position:-280px -200px; }



</style>
</head>

<body>
    <form id="form1" runat="server">
    <div>
    <div style="float:left">     <a href="#" class="logo-link1"    ></a> </div>
    <div style="float:left">      <a href="#" class="logo-link2"    ></a>  </div>
     <div style="float:left">      <a href="#" class="logo-link3"    ></a>  </div>
     <div style="float:left">      <a href="#" class="logo-link4"    ></a>  </div>
    </div>
    </form>
</body>
</html>

